{include file=header_jiandan.html}
<style type="text/css">
.content_title{ width:1100px; margin:10px auto 20px; height:35px; line-height:35px; border-bottom:1px #e1e1e1 solid; font-family:"Microsoft Yahei"; font-size:20px; font-weight:bold; color:#333;}
.login_con { width: 1100px; margin:auto; background:#FFF;margin-bottom: 10px; overflow: hidden;}
.login_con .enter {display:block;border:1px #F06D10 solid;border-radius:5px; color:#FFF;background:#EF6F21;background:-webkit-gradient(linear,left top,left bottom,from(#FB7A42),to(#EF6F21));background:-moz-linear-gradient(top,#FB7A42 0%,#EF6F21 100%); width:150px; height:38px; line-height:38px; text-align:center; font-size:20px;text-decoration:none}
.login_con .enter:hover { background:#EF6F21}
.login_fill_in { float: left; color: #646665;border-right:1px #e1e1e1 dotted; width:700px; padding: 10px 40px 30px 30px; display: inline; }
.login_fill_in h2 { font-size:24px; color:#666; font-weight:normal; height:50px;}
.login_fill_in table { border-collapse:collapse; width:100%}
.login_fill_in th{ width:90px; height:55px; font-weight:normal; font-family:"Microsoft Yahei"; font-size:14px; color:#333; text-align:right; padding-right:8px}
.login_fill_in td {padding:8px 0;}
.login_fill_in .showinput { width:250px; height:20px;line-height:20px; padding:5px; border:1px #CCC solid;  border-radius:2px;}
.login_fill_in .login_btn {display:block;border:1px #F06D10 solid;border-radius:5px; color:#FFF;background:#EF6F21;background:-webkit-gradient(linear,left top,left bottom,from(#FB7A42),to(#EF6F21));background:-moz-linear-gradient(top,#FB7A42 0%,#EF6F21 100%); width:265px; height:38px; line-height:38px; text-align:center; font-size:20px; cursor:pointer}
.login_fill_in .login_btn:hover { background:#FB7A42}
.login_right { width: 220px; float: right; color: #666; line-height: 22px; margin: 50px 35px 50px 0; display: inline; }
.login_right h4 { height: 33px;font-family:"Microsoft Yahei"; font-size: 15px; color: #999;width:100%; overflow:hidden }
</style>
<div class="content_color" style="border-top:1px #e1e1e1 solid;">
<div class="content" style="background:#FFF; margin-top:35px;margin-bottom:15px;border-radius:5px;">
<div class="content_title">找回密码：</div>

<div class="login_con">
<div class="login_fill_in">
<form action="" method="POST" id="find_password_form">
 <table>
      <tr>
           <td height="35" colspan="2" valign="top" style="font-size:13px; color:#F00">请输入你的登录帐号和电子邮箱, 系统检查之后会发邮件到你的邮箱, 请按照邮件的提示操作</td>
      </tr>
      <tr>
           <th>{$lang.your_username}:</th><td><input type="text" name="username" class="showinput"/></td>
      </tr>
      <tr>
           <th>{$lang.your_email}:</th><td><input type="text" name="email" class="showinput"/></td>
      </tr>
      <tr>
           <th>{$lang.yangzheng}:</th>
           <td><input type="text" name="captcha" id="captcha1" class="showinput" style="width:80px">
           <a class="renewedly" href="javascript:change_captcha($('#captcha'));"><img src="index.php?app=captcha" align="absbottom" id="captcha"></a></td>
      </tr>
      <tr class="distance">
           <td></td>
           <td><input type="submit" value="{$lang.submit}" name="Submit" class="login_btn" id="captcha1"></td>
      </tr>
 </table>
</form>
</div>
<div class="login_right">
    <h4>我记得帐号和密码</h4>
    <span style="overflow:hidden; width:100%; display:block"><a href="{url app=member&act=login&ret_url=$ret_url}" class="enter">立即登录</a></span>
</div>
</div>
</div></div>
<script type="text/javascript">
$(function(){
    $('#find_password_form').validate({
        errorPlacement: function(error, element){
          $(element).parent('td').append(error);
        },
        success       : function(label){
            label.addClass('validate_right').text('OK!');
        },
        rules : {
            username : {
                required : true
            },
            email : {
                required : true,
                email : true
            },
            captcha : {
                required : true,
                remote   : {
                    url : 'index.php?app=captcha&act=check_captcha',
                    type: 'get',
                    data:{
                        captcha : function(){
                            return $('#captcha1').val();
                        }
                    }
                }
            } 
        },
        messages : {
            username : {
                required : '{$lang.username_required}'
            },
            email  : {
                required : '{$lang.email_required}',
                email : '{$lang.email_error}'
            },
            captcha : {
                required : '{$lang.captcha_required}',
                remote   : '{$lang.captcha_error}'
            }
        }
    });
});
</script> 
{include file=footer_jiandan.html}